{% extends "profile.html" %}
{% block profile_content %}
    <div id="leftcolumn">
        {% include "profile_navigate.html" %}
        {% include "messages.html" %}
    </div>
    <form enctype="multipart/form-data" action="/google_contacts/" method="post">
    {% csrf_token %}
    <div id="invite">
        <div class="invite_title">
            <span style="float:left;">Your contacts from</span><span class="gmail_contacts"></span>
        </div>
        <div id="invite_list">
            <div class="invite_message">How about inviting friends who aren't on 8minutes?</div>
            <div id="invite_emails">
                {{ form.emails.errors }}
                {{ form.emails|safe }}
                {% if registered_users %}
                    <ul>
                        {% for reg_user in registered_users %}
                            <li>
                                <span class="icon_user_found"></span>
                                <a href="{{ reg_user.get_absolute_url }}">{{ reg_user.get_username }}</a>
                                is on 8minutes
                            </li>
                        {% endfor %}
                    </ul>
                {% endif %}
            </div>
        </div>
    </div>
    <div id="invite_email">
        <div class="invite_title"><span>Customize your invite email</span></div>
        <div class="invite_email-container">
            <p>
                <strong>From:</strong> 8minutes<br /><br />
                <strong>Subject:</strong> {{ user.first_name }} has invited you to join 8minutes
            </p>
            <p>Hi,</p>
            <p>
                {{ form.message.errors }}
                {{ form.message }}
            </p>
            <p>
                Join now!<br>
                Click the <strong>Connect with Facebook</strong> button on:<br />
                <a href="http://take.8minut.es">http://take.8minut.es</a>
            </p>
            <p>
                Check out my profile:<br />
                <a href="{{ user.get_absolute_url }}">{{ user.get_absolute_url }}</a>
            </p>
            <p>- {{ user.first_name }}</p>
        </div>
        <div id="profile_submit">
            <input type="submit" id="invite_button" class="submit_button" value="&nbsp;&nbsp;Invite Friends&nbsp;&nbsp;" />
            <div class="invite_skip">or <a href="{{ user.get_absolute_url }}">skip</a></div>
        </div>
    </div>
    </form>
{% endblock %}
